<template>
  <div class="tuijian-1-1-1-1">
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item v-for="(image,index) in newimg1" :key="index">
         <img :src="image.src" class="i1"/>
      </van-swipe-item>
    </van-swipe>
    <div class="tuijian-1" >
      <div v-for="(item,index) in newimg2" :key="index">
        <img :src="item.src" />
      </div>
    </div>
    <div>
      <ZX/>
    </div>
  </div>
</template>

<script>
export default {
  methods:{
    
  },
  created(){
    this.$store.dispatch("link",{url:"tuijian"})
  },
  computed:{
    newimg1(){
      return this.$store.state.tuijian.imgLB
    },
    newimg2(){
      return this.$store.state.tuijian.imgTU
    },
  }
};
</script>

<style scoped>
.tuijian-1-1-1-1{
  padding:0 .1rem;
}
.lunbo {
  width: 100%;
}
.van-swipe__indicator {
  width: .1rem;
  height: .1rem;
}
.i1{
  width: 100%;
}
.tuijian-1 {
  height: .5rem;
  display: flex;
  overflow-x: auto;
}
::-webkit-scrollbar {
  display: none;
}
.tuijian-1 > div {
  width: 1rem;
  margin: 0 .1rem;
}
.tuijian-1 > div > img {
  width: .7rem;
}


</style>